<ul class="submenu">
	<li><?php echo anchor($this->curl.'/createFriend/'.$id, T_('New Friend'), 'class="arrow-right"')?></li>
	<li><a href="javascript:void(0)" onclick="if (confirm('<?php echo T_('Are you sure you want to delete these data?'); ?>'))deleteItems('/admin/<?php echo $this->curl; ?>/deleteFrItems/');return false;"><?php echo T_('Delete Selected'); ?></a></li>
</ul>
		
<form method="get" action="/admin/<?php echo $this->curl; ?>/friends/<?php echo $id?>" id="search_form">
<div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
	
	<table class="nostyle filter" width="100%" border="0" cellpadding="3" cellspacing="0">
	<tr>
		<td><?php echo T_('Invintation ID#')?>:</td>
		<td><?php echo T_('Full name')?>:</td>
        <td><?php echo T_('Email')?>:</td>
	</tr>
	<tr>		
		<td><div class="input_120"><?php echo form_input('uf_ID', $this->input->get_post('uf_ID'), 'class="input-text"') ?></div></td>
		<td><div class="input_120"><?php echo form_input('uf_full_name', $this->input->get_post('uf_first_name'), 'class="input-text"') ?></div></td>
        <td><div class="input_120"><?php echo form_input('uf_email', $this->input->get_post('uf_email'), 'class="input-text"') ?></div></td>
        <td><input type="submit" style="height: 24px; font-size: 12px;" value="<?php echo T_('Search'); ?>"></td>
	</tr>
	</table>
</div>
</form>

<?php echo form_open('/'.$this->curl.'/friends/', 'id="myform" name="myform"')?>
  
<table width="100%" border="0" cellpadding="6" cellspacing="0" id="grid" class="display">
<thead>
    <tr>
        <th width="24" class="t-center"><?php echo form_checkbox('cid_toggle', null, FALSE, 'id="cid_toggle" onclick="toggleCheckboxes($(this))"')?></th>
        <th><?php echo T_('Friend ID'); ?></th>
        <th><?php echo T_('Fullname'); ?></th>
        <th><?php echo T_('email'); ?></th>
        <th><?php echo T_('status'); ?></th>
        <th><?php echo T_('Edit') ?></th>
        <th><?php echo T_('Send') ?></th>
    </tr>
</thead>
<tbody>
<?php foreach($friends as $row): ?>
<tr id="tr_<?php echo $row->uf_id?>">
	<td class="t-center"><?php echo form_checkbox('cid[]', $row->uf_id, FALSE, 'class="checkbox" id="cb'. $row->uf_id.'"')?></td>
	<td><?php echo $row->uf_id; ?></td>
    <td><?php echo $row->uf_full_name; ?></td>
	<td><?php echo $row->uf_email; ?></td>
	<td><?php if (!empty($this->friends_model->status[$row->uf_status])) { echo $this->friends_model->status[$row->uf_status]; } ?></td>
	<td width="26" class="t-center"><?php echo anchor($this->curl.'/editFriend/'.$row->uf_id, ' ', 'class="btn_edit" alt="'.T_('Edit').'" title="'.T_('Edit').'"')?></td>
	<td width="26" class="t-center"><?php echo anchor($this->curl.'/send/'.$id, ' ', 'class="btn_send" alt="'.T_('Send').'" title="'.T_('Send').'"')?></td>
</tr>
<?php endforeach; ?>
</tbody>
<?php if (!empty($friends)): ?>
<tfoot>
	<tr>
		<th></th>
		<th></th>
		<th></th>
		<th></th>
        <th id="status"></th>
		<th></th>
        <th></th>
	</tr>
</tfoot>
<?php endif; ?>
</table>
	
<?php echo form_close()?>

<script type="text/javascript">
var cal = Calendar.setup({
	onSelect: function(cal) { cal.hide() }
});

(function($) {
	/*
	 * Function: fnGetColumnData
	 * Purpose:  Return an array of table values from a particular column.
	 * Returns:  array string: 1d data array 
	 * Inputs:   object:oSettings - dataTable settings object. This is always the last argument past to the function
	 *           int:iColumn - the id of the column to extract the data from
	 *           bool:bUnique - optional - if set to false duplicated values are not filtered out
	 *           bool:bFiltered - optional - if set to false all the table data is used (not only the filtered)
	 *           bool:bIgnoreEmpty - optional - if set to false empty values are not filtered from the result array
	 * Author:   Benedikt Forchhammer <b.forchhammer /AT\ mind2.de>
	 */
	$.fn.dataTableExt.oApi.fnGetColumnData = function ( oSettings, iColumn, bUnique, bFiltered, bIgnoreEmpty ) {
		// check that we have a column id
		if ( typeof iColumn == "undefined" ) return new Array();
		
		// by default we only wany unique data
		if ( typeof bUnique == "undefined" ) bUnique = true;
		
		// by default we do want to only look at filtered data
		if ( typeof bFiltered == "undefined" ) bFiltered = true;
		
		// by default we do not wany to include empty values
		if ( typeof bIgnoreEmpty == "undefined" ) bIgnoreEmpty = true;
		
		// list of rows which we're going to loop through
		var aiRows;
		
		// use only filtered rows
		if (bFiltered == true) aiRows = oSettings.aiDisplay; 
		// use all rows
		else aiRows = oSettings.aiDisplayMaster; // all row numbers

		// set up data array	
		var asResultData = new Array();
		
		for (var i=0,c=aiRows.length; i<c; i++) {
			iRow = aiRows[i];
			var aData = this.fnGetData(iRow);
			var sValue = aData[iColumn];
			
			// ignore empty values?
			if (bIgnoreEmpty == true && sValue.length == 0) continue;

			// ignore unique values?
			else if (bUnique == true && jQuery.inArray(sValue, asResultData) > -1) continue;
			
			// else push the value onto the result data array
			else asResultData.push(sValue);
		}
		
		return asResultData;
	}}(jQuery));


	function fnCreateSelect( aData )
	{
		var r='<select><option value=""></option>', i, iLen=aData.length;
		for ( i=0 ; i<iLen ; i++ )
		{
			r += '<option value="'+aData[i]+'">'+aData[i]+'</option>';
		}
		return r+'</select>';
	}

var oTable;

$(document).ready(function() {	

	/* Add a click handler to the rows - this could be used as a callback */
	$('#grid tr').click( function() {
		if ( $(this).hasClass('row_selected') )
		{			
			$(this).removeClass('row_selected');
			$(this).find('.checkbox').removeAttr('checked');
		}			
		else
		{
			$(this).addClass('row_selected');
			$(this).find('.checkbox').attr('checked', 'checked');
		}			
	});
		
	/* Init DataTables */
	oTable = $('#grid').dataTable(
	{	
		"aaSorting": [],				
		"aoColumns": [
  			{"bSortable": false },
  			null,
            null,
  			null,
  			{ "bSortable": false },
  			{ "bSortable": false },
            { "bSortable": false }
  		],

		"bPaginate": true,
		"bLengthChange": true,
		"bFilter": true,	
		"bSort": true,
		"bInfo": true,
		"bAutoWidth": true,
		"bJQueryUI": true,
		"sPaginationType": "full_numbers"
	});

	$("tfoot th#status").each( function ( ) {
		this.innerHTML = fnCreateSelect( oTable.fnGetColumnData(4) );
		$('select', this).change( function () {
			oTable.fnFilter( $(this).val(), 4 );
		} );
	} );	
});	

/*
 * I don't actually use this here, but it is provided as it might be useful and demonstrates
 * getting the TR nodes from DataTables
 */
function fnGetSelected( oTableLocal )
{
	var aReturn = new Array();
	var aTrs = oTableLocal.fnGetNodes();
	
	for ( var i=0 ; i<aTrs.length ; i++ )
	{
		if ( $(aTrs[i]).hasClass('row_selected') )
		{
			aReturn.push( aTrs[i] );
		}
	}
	return aReturn;
}
</script>